<!doctype html>
<html lang="it">

<head>

    <meta charset="utf-8">

     <title> Meta market del gruppo xxx </title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
	<script type="text/javascript" src="{{ STATIC_URL }}script/jquery.jqGrid.min.js"></script>
	<script type="text/javascript" src="{{ STATIC_URL }}script/grid.locale-it.js"></script>
	<link rel="stylesheet" type="text/css" media="screen" href="{{ STATIC_URL }}css/ui-lightness/jquery-ui-1.8.9.custom.css" />
	<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/ui.jqgrid.css">
	
 
	<!--<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>!-->
		
	
  <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
	

	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=it"></script>
	<!--<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>!-->

	<script type="text/javascript" src="{{ STATIC_URL }}script/ready.js"></script> 
	<script type="text/javascript" src="{{ STATIC_URL }}script/funzioni.js"></script>
	<link rel="stylesheet" href="{{ STATIC_URL }}css/stile.css" media="screen">
  

</head>


<body>
	
	
		<div id="contenuto">
		
				<header>
					  <hgroup>
						  <img src="{{ STATIC_URL }}immagini/internazionale.png" />
						  <div id="demo"></div>
					  </hgroup>
				</header>
				
				<div id="saperatore"></div>
				
				<div id="corpo">
			
						<div id="menu-ricerca">
								
								<br><br>
								
								<div id="posizione">
										<a id="cambia-posizione"  title="posizione-attuale">Rileva posizione</a>
										<br>
										o
										<br>
										Inserisci indirizzo
										<br>
										<input id="indirizzo-utente" type="textbox" value="Bologna - Via Rizzoli 1">
										</div>
								
								<br><br>
								
								<div id="tipologie-ricerche">
										<div id="tipo-ricerca">
												<div id="titolo-ricerca">CERCA PER NOME</div>
												<input type="text" id="nome">
										</div>
										<br>
										<div id="tipo-ricerca">
												<div id="titolo-ricerca">CERCA VICINO A TE</div>
												<div id="">Ottieni i <input type="text" size="2" maxlength="2" id="vicino"> piu vicini al marker.</div>
										</div>
										<br>
										<div id="tipo-ricerca">
												<div id="titolo-ricerca">CERCA ENTRO RAGGIO</div>
												<div id="">Entro <input type="text" size="5" maxlength="6" id="raggio"> metri.</div>
										</div>
								</div>
								
								<br><br>
								
								<div id="ricerca-apertura"> 
										<div id="titolo-ricerca">E' APERTO?</div>
										
										<div id="dataC"></div>
										<p class="my_color my_size">Stato di apertura :</p>
								    	<p>  	
								    		<span>dalle </span><span id="dalle" class="my_color2"></span>
											<span> alle </span><span id="alle" class="my_color2"></span>
										</p>
										
										<div id="slider-range"></div></div>

						</div> <!-- Chiude menu ricerca -->
						
						<div id="narratore">
								
								<div id="seleziona_narr">
									<a class="actived" href="#" title="narratore-mappa">MAPPA</a>
									<a href="#" title="narratore-lista">LISTA</a>
									<a href="#" title="info">INFO</a>
								</div>
								
								<div id="narratore-mappa">
										<div id="googleMap">
												Il tuo browser non supporta Google Maps o Javascript e' disattivato.
										</div>
										<div id="dialog_descr" title="Descrizione">
										<div id="descr_mappa"></div>
										</div>
  
										</div>
								
								<div id="narratore-lista">
										<div id="tabella">
											
											<table id="list1"></table>
												<div id="pager1"></div>	
										</div>
										<div id="dialog" title="Descrizione">
		<div id="minimap"></div>
		<div id="descr"></div>
  
</div>
								</div> <!-- chiude narratore lista -->
								<div id="info">
									<p>Grazie a questo sito, puoi cercare i punti di interesse più vicini a te, o più utili alle tue esigenze.</p>
									<p>E’ possibile selezionare l’attività o le attività che più ci interessano ed effettuare le varie ricerche.</br>
										E’ presente la funzione per ricercare il nome di un’attività, quella per ricercare un numero arbitrario di attività, più vicino a noi, oppure entro un certo raggio, dalla nostra posizione.
										Inoltre è presente la funzione per visualizzare se un esercizio è aperto in un dato orario del girono oppure no.</br>
										Basta modificare l’orario ed effettuare di nuovo la ricerca.</p>
								</div>
						</div> <!-- chiude narratore  -->
						
						<div id="aggregatori">
								<br>
								<div id="titolo-aggregatori">CATEGORIE</div>
										<br>
										<input type="checkbox" checked="true" name="farmacie" value="farmacie"/> Farmacie<br>
										<input type="checkbox" checked="true" name="supermarket" value="supermarket"/> Supermercati<br>
										<input type="checkbox" checked="true" name="scuolematerne" value="scuolematerne"/> Scuole materne<br>
										<input type="checkbox" checked="true" name="poste" value="poste"/> Poste

						</div> <!-- Chiude aggregatori -->
				
				</div>
				
				<div id="separatore"></div>
				
				
		</div>
		<footer>
				Progetto Metamarket - Realizzato da <a href="#" onclick="eAperto()" >INTERNAZIONALE</a> - Progetto di Tecnologie Web 2012, Universita' di Bologna
		</footer>
		
</body>

</html>